@import "mixins";
@import "variables";

// button
.bt {
    padding: 0.8em;
    width: auto;
    border-radius: 0.25em;
    font-weight: 500;
    @include box-shadow(inset 0 0 10px #000000);
    //TODO: Change to variable
    background-color: #006600;
    behavior: none;
}
.bt:hover {
    @include linear-gradient(#0e600c, #004400);
    behavior: none;
}

.bt:pressed {
    @include linear-gradient(#003300, #004400);
    behavior: none;
}

// top right button
.trb {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
}

// radio button list
.rblist .rb {
    text-align: center;
    padding: 0.4em;
    margin: 0;
    border: none;
    background-color: #003300;
    border: none;
}
.rblist .rb.active {
    background-color: #006600;
}
.rblist.horizontal .rb {
    display: inline-block;
    margin: 0.2em 0;
}
#vstbtn {
  margin: 0.5em 0;
}
.rblist.vertical .rb {
    display: block;
}
.rblist.horizontal .rb.first {
    border-top-left-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
}
.rblist.horizontal .rb.last {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.rblist.vertical .rb.first {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.rblist.vertical .rb.last {
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}

// notifications
.ui-notify { width:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior: url(/PIE.htc) }
.ui-notify-message h1 { font-size:14px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; behavior: url(/PIE.htc) }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }